<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>

<div>发送消息:</div>
<input type="text" id="msgContent" />
<input type="button" value="点我发送" onclick="CHAT.chat()" />

<div>接受消息：</div>
<div id="receiveMsg" style="background-color: gainsboro;"></div>

<script type="application/javascript">
			window.CHAT = {
				socket: null,
				chat: function(msg) {
					<!--var msg = document.getElementById("msgContent");-->
					CHAT.socket.send(msg);
					document.getElementById("msgContent").value = '';
				},
				init: function() {
					if(window.WebSocket) {
						CHAT.socket = new WebSocket("ws://localhost:8413/ws");
						CHAT.socket.onopen = function(res) {
						        console.log(res);
								console.log("连接建立成功...");
								CHAT.chat("askId");
							},
							CHAT.socket.onclose = function() {
								console.log("连接关闭...");
							},
							CHAT.socket.onerror = function() {
								console.log("发生错误...");
							},
							CHAT.socket.onmessage = function(e) {
								console.log("接受到消息：" + e.data);
								var receiveMsg = document.getElementById("receiveMsg");
								var html = receiveMsg.innerHTML;
								receiveMsg.innerHTML = html + "<br/>" + e.data;
							}
					} else {
						alert("浏览器不支持websocket协议...");
					}
				}
			};

			CHAT.init();
		</script>
</body>
</html>